<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}"
		  href="bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" th:href="@{/css/font-awesome.min.css}"
		  href="css/font-awesome.min.css">
	<link rel="stylesheet" th:href="@{/css/theme.css}" href="css/theme.css">
	<link rel="stylesheet" th:href="@{/css/plan-time.css}" href="css/plan-time.css">


	<style>
		#footer {
			padding: 15px 0;
			background: #fff;
			border-top: 1px solid #ddd;
			text-align: center;
		}

		#topcontrol {
			color: #fff;
			z-index: 99;
			width: 30px;
			height: 30px;
			font-size: 20px;
			background: #222;
			position: relative;
			right: 14px !important;
			bottom: 11px !important;
			border-radius: 3px !important;
		}

		#topcontrol:after {
			/*top: -2px;*/
			left: 8.5px;
			content: "\f106";
			position: absolute;
			text-align: center;
			font-family: FontAwesome;
		}

		#topcontrol:hover {
			color: #fff;
			background: #18ba9b;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}

		.label-type, .label-status, .label-order {
			background-color: #fff;
			color: #f60;
			padding: 5px;
			border: 1px #f60 solid;
		}

		#typeList  :not (:first-child ) {
			margin-top: 20px;
		}

		.label-txt {
			margin: 10px 10px;
			border: 1px solid #ddd;
			padding: 4px;
			font-size: 14px;
		}

		.panel {
			border-radius: 0;
		}

		.progress-bar-default {
			background-color: #ddd;
		}

		.selected {
			color: yellow;
			background-color: green;
		}
	</style>
</head>
<body>
<div class="navbar-wrapper">
	<div class="container">
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="index.html" style="font-size: 32px;">少年游-创意产品众筹平台</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse"
					 style="float: right;">
					<ul class="nav navbar-nav">
						<li class="dropdown"><a href="#" class="dropdown-toggle"
												data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i>
							[[${session.loginMember.username}]]<span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="member.html"><i
										class="glyphicon glyphicon-scale"></i> 会员中心</a></li>
								<li><a href="#"><i class="glyphicon glyphicon-comment"></i>
									消息</a></li>
								<li class="divider"></li>
								<li><a href="http://localhost:8888/auth/member/logout"><i
										class="glyphicon glyphicon-off"></i> 退出系统</a></li>
							</ul></li>
					</ul>
				</div>
			</div>
		</nav>
	</div>
</div>

<div class="container theme-showcase" role="main">

	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<nav class="navbar navbar-default" role="navigation">
					<div class="collapse navbar-collapse"
						 id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li><a rel="nofollow" href="index.html"><i
									class="glyphicon glyphicon-home"></i> 众筹首页</a></li>
							<li><a rel="nofollow" href="projects.html"><i
									class="glyphicon glyphicon-th-large"></i> 项目总览</a></li>
							<li class="active"><a rel="nofollow" href="javascript:;"><i
									class="glyphicon glyphicon-edit"></i> 发起项目</a></li>
							<li><a rel="nofollow" href="minecrowdfunding.html"><i
									class="glyphicon glyphicon-user"></i> 我的众筹</a></li>
						</ul>
					</div>
				</nav>
			</div>
		</div>
	</div>


	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
<!--				--------------将整个页面囊括在一个表单中 表单中各项的name与VO一致 则可以进行参数绑定----------------->
				<form id="projectForm" th:action="@{/project/create/project/information}" method="post" enctype="multipart/form-data" class="form-horizontal">
					<p style="color: red;font-weight: bold;font-size: medium" th:text="${message}"></p>
					<div class="panel panel-default">
						<div class="panel-heading" style="text-align: center;">
							<div class="container-fluid">
								<div class="row clearfix">
									<div class="col-md-3 column">
										<div class="progress"
											 style="height: 50px; border-radius: 0; position: absolute; width: 75%; right: 49px;">
											<div class="progress-bar progress-bar-success"
												 role="progressbar" aria-valuenow="60" aria-valuemin="0"
												 aria-valuemax="100" style="width: 100%; height: 50px;">
												<div style="font-size: 16px; margin-top: 15px;">1.
													项目及发起人信息</div>
											</div>
										</div>
										<div
												style="right: 0; border: 10px solid #ddd; border-left-color: #88b7d5; border-width: 25px; position: absolute; border-left-color: rgba(92, 184, 92, 1); border-top-color: rgba(92, 184, 92, 0); border-bottom-color: rgba(92, 184, 92, 0); border-right-color: rgba(92, 184, 92, 0);">
										</div>
									</div>
									<div class="col-md-3 column">
										<div class="progress"
											 style="height: 50px; border-radius: 0; position: absolute; width: 75%; right: 49px;">
											<div class="progress-bar progress-bar-default"
												 role="progressbar" aria-valuenow="60" aria-valuemin="0"
												 aria-valuemax="100" style="width: 100%; height: 50px;">
												<div style="font-size: 16px; margin-top: 15px;">2.
													回报设置</div>
											</div>
										</div>
										<div
												style="right: 0; border: 10px solid #ddd; border-left-color: #88b7d5; border-width: 25px; position: absolute; border-left-color: rgba(221, 221, 221, 1); border-top-color: rgba(221, 221, 221, 0); border-bottom-color: rgba(221, 221, 221, 0); border-right-color: rgba(221, 221, 221, 0);">
										</div>
									</div>
									<div class="col-md-3 column">
										<div class="progress"
											 style="height: 50px; border-radius: 0; position: absolute; width: 75%; right: 49px;">
											<div class="progress-bar progress-bar-default"
												 role="progressbar" aria-valuenow="60" aria-valuemin="0"
												 aria-valuemax="100" style="width: 100%; height: 50px;">
												<div style="font-size: 16px; margin-top: 15px;">3.
													确认信息</div>
											</div>
										</div>
										<div
												style="right: 0; border: 10px solid #ddd; border-left-color: #88b7d5; border-width: 25px; position: absolute; border-left-color: rgba(221, 221, 221, 1); border-top-color: rgba(221, 221, 221, 0); border-bottom-color: rgba(221, 221, 221, 0); border-right-color: rgba(221, 221, 221, 0);">
										</div>
									</div>
									<div class="col-md-3 column">
										<div class="progress" style="height: 50px; border-radius: 0;">
											<div class="progress-bar progress-bar-default"
												 role="progressbar" aria-valuenow="60" aria-valuemin="0"
												 aria-valuemax="100" style="width: 100%; height: 50px;">
												<div style="font-size: 16px; margin-top: 15px;">4. 完成</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="panel-body">
							<div class="container-fluid">
								<div class="row clearfix">
									<div class="col-md-12 column">
										<blockquote
												style="border-left: 5px solid #f60; color: #f60; padding: 0 0 0 20px;">
											<b> 项目及发起人信息 </b>
										</blockquote>
									</div>
									<div class="col-md-12 column">
										<div class="page-header" style="border-bottom-style: dashed;">
											<h3>项目信息</h3>
										</div>

										<div class="form-group">
											<label for="inputEmail3" class="col-sm-2 control-label">分类信息</label>
											<div class="col-sm-10">
												<script type="text/javascript" th:src="@{/jquery/jquery-2.1.1.min.js}"
														src="jquery/jquery-2.1.1.min.js"></script>
												<script type="text/javascript" th:src="@{/layer/layer.js}" src="layer/layer.js"></script>
												<script th:inline="javascript">
													$(document).ready(function(){
														var sessionData = [[${session.tempProject}]];
														console.log(sessionData);
													//	console.log(sessionStorage);
														if(sessionData != null){
															// $("#testBack").click(function () {
																var projectTypeListId=sessionData.typeIdList;
																//console.log(projectTypeListId);
																for (var i = 0; i <projectTypeListId.length ; i++) {
																	var id = projectTypeListId[i];
																	//console.log(id);
																	var valT=$("[value="+id+"]").val();
																	//console.log("valT "+valT)
																	if ($("[value="+id+"]")) {
																		//相等 将其设为勾选状态
																		$("[value="+id+"]").attr('checked', 'checked');
																	}
																}
																var projectTagListId=sessionData.tagIdList;
																var pTLI=projectTagListId;
																//console.log(projectTagListId);


																for(var i=0; i<pTLI.length; i++){
																	var tagId=pTLI[i];
																	var Id=$("span.tagLable[id="+tagId+"]").id;
																//	console.log("Id "+Id);
																	var htmls=$("span.tagLable[id="+tagId+"]").html();

																	if($("span.tagLable[id="+tagId+"]")){
																		$("span.tagLable[id="+tagId+"]").attr('class','selected');
																	}
																}
																// sessionData.tagIdList=null;
																var proName=sessionData.projectName;
																console.log(proName);
																$("#pName").val(proName);
																$("#pDesc").val(sessionData.projectDescription);
																$("#pMoney").val(sessionData.money);
																$("#pDay").val(sessionData.day);
																$("#mIntro").val(sessionData.memberLauchInfoVO.descriptionSimple);
																$("#mIntroMore").val(sessionData.memberLauchInfoVO.descriptionDetail);
																$("#mPhone").val(sessionData.memberLauchInfoVO.phoneNum);
																$("#mService").val(sessionData.memberLauchInfoVO.serviceNum);
															// });

															layer.msg("请重新选中项目头图和项目详情图片");

															//头图回显
															var headPicPath = sessionData.headerPicturePath;
															console.log(headPicPath);
															$("[name=headerPicture]").next().next().next().next().attr("src", headPicPath).show();

															//详情图片回显
															var fileDetailPic=sessionData.detailPicturePathList;
															console.log(fileDetailPic);
															for (var i = 0; i <fileDetailPic.length ; i++) {
																var path = fileDetailPic[i];

																var imgHtml = "<img src='"+path+"' /><br/>";

																$("#showDetailPicture").append(imgHtml);
															}

														}
													});
												</script>
												<label class="radio-inline">
													<input type="checkbox" name="typeIdList"
														   id="inlineRadio1"
														   value="1"> 单机
												</label>
												<label class="radio-inline">
													<input
															type="checkbox" name="typeIdList"
															id="inlineRadio2" value="2" > 多人
												</label>
												<label class="radio-inline">
													<input
															type="checkbox" name="typeIdList"
															id="inlineRadio3" value="3"> 周边
												</label>
												<label class="radio-inline">
													<input
															type="checkbox" name="typeIdList"
															id="inlineRadio3" value="4" > 其他
												</label>
											</div>
										</div>
										<div class="form-group">
											<label for="inputEmail3" class="col-sm-2 control-label">标签</label>
											<div class="col-sm-10">
												<ul style="list-style: none; padding-left: 0;">
													<li style="margin: 10px 0">[动作] <span
															class="tagLable label-txt " id="4" >格斗</span> <span
															class="tagLable label-txt" id="5">射击</span> <span
															class="tagLable label-txt" id="6">动作冒险</span>
													</li>
													<li style="margin: 10px 0">[维度] <span
															class="tagLable label-txt" id="7">2D</span> <span
															class="tagLable label-txt" id="8">3D</span>
													</li>
													<li style="margin: 10px 0">[其他] <span
															class="tagLable label-txt" id="9">休闲</span> <span
															class="tagLable label-txt" id="10">角色扮演</span>
													</li>
												</ul>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">项目名称</label>
											<div class="col-sm-10">
												<input id="pName" type="text" name="projectName"  class="form-control" >
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">一句话简介</label>
											<div class="col-sm-10">
												<textarea id="pDesc" name="projectDescription" class="form-control" rows="5">就是帅！</textarea>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">筹资金额（元）</label>
											<div class="col-sm-10">
												<input id="pMoney" type="text" name="money" value="100000" class="form-control"
													   style="width: 100px;"> <label
													class="control-label">筹资金额不能低于100元,不能高于1000000000元</label>
											</div>
										</div>


										<div class="form-group">
											<label class="col-sm-2 control-label">筹资天数（天）</label>
											<div class="col-sm-10">
												<input id="pDay" type="text" name="day" value="30" class="form-control"
													   style="width: 100px;"> <label
													class="control-label">一般10-90天，建议30天</label>
											</div>
										</div>


										<!--	--------------------------------------计划时间表开始------------------->
										<div>
											<label class="col-sm-2 control-label">计划时间表（天）</label>
											<div class="Timeline">

												<svg height="5" width="0">
													<line x1="0" y1="0" x2="200" y2="0" style="stroke:#004165;stroke-width:5" />
													Sorry, your browser does not support inline SVG.
												</svg>


												<div class="event1">

													<div class="event1Bubble">
														<div class="eventTime">
															<div class="DayDigit">计划天数</div>
															<div class="Day">
																<input id="pDay1" type="text" name="planDay1" class="form-control"  style="width:50px;" >
															</div>
														</div>
													</div>


													<svg height="20" width="20">
														<circle cx="10" cy="11" r="5" fill="#004165" />
													</svg>
													<div class="time">Stage 1</div>


													<div class="event12Bubble">
														<div class="eventTime">
															<div class="DayDigit">阶段任务</div>

															<div class="col-sm-10">
																<textarea id="pDesc1" name="planDescription1" class="form-control" rows="4" cols="50" placeholder=""></textarea>
															</div>

														</div>
													</div>

												</div>

												<svg height="5" width="200">
													<line x1="0" y1="0" x2="300" y2="0" style="stroke:#004165;stroke-width:5" />
													Sorry, your browser does not support inline SVG.
												</svg>

												<div class="event2">

													<div class="event21Bubble">
														<div class="eventTime">
															<div class="DayDigit">计划天数</div>
															<div class="Day">
																<input id="pDay2" type="text" name="planDay2" class="form-control" style="width:50px;" >
															</div>
														</div>
													</div>

													<div class="event12Bubble">
														<div class="eventTime">
															<div class="DayDigit">阶段任务</div>

															<div class="col-sm-10">
																<textarea id="pDesc2" class="form-control"  name="planDescription2" rows="4" cols="50" placeholder=""></textarea>
															</div>

														</div>
													</div>

													<svg height="20" width="20">
														<circle cx="10" cy="11" r="5" fill="#004165" />
													</svg>
													<div class="time">Stage 2</div>
												</div>

												<svg height="5" width="50">
													<line x1="0" y1="0" x2="50" y2="0" style="stroke:#004165;stroke-width:5" />
													Sorry, your browser does not support inline SVG.
												</svg>



												<svg height="5" width="200">
													<line x1="0" y1="0" x2="300" y2="0" style="stroke:#004165;stroke-width:5" />
													Sorry, your browser does not support inline SVG.
												</svg>

												<div class="event3  ">
													<div class="event21Bubble">
														<div class="eventTime">
															<div class="DayDigit">计划天数</div>
															<div class="Day">
																<input id="pDay3" type="text" name="planDay3" class="form-control" style="width:50px;" >
															</div>
														</div>
													</div>

													<div class="event12Bubble">
														<div class="eventTime">
															<div class="DayDigit">阶段任务</div>

															<div class="col-sm-10">
																<textarea id="pDesc3" class="form-control"  name="planDescription3" rows="4" cols="50" placeholder=""></textarea>
															</div>

														</div>
													</div>

													<svg height="20" width="20">
														<circle cx="10" cy="11" r="5" fill="#004165" />
													</svg>
													<div class="time">Stage 3</div>
												</div>

												<svg height="5" width="200">
													<line x1="0" y1="0" x2="300" y2="0" style="stroke:#004165;stroke-width:5" />
													Sorry, your browser does not support inline SVG.
												</svg>

												<div class="event3  ">
													<div class="event21Bubble">
														<div class="eventTime">
															<div class="DayDigit">计划天数</div>
															<div class="Day">
																<input id="pDay4" type="text" name="planDay4" class="form-control" style="width:50px;" >
															</div>
														</div>
													</div>

													<div class="event12Bubble">
														<div class="eventTime">
															<div class="DayDigit">阶段任务</div>

															<div class="col-sm-10">
																<textarea id="pDesc4" class="form-control" name="planDescription4" rows="4" cols="50" placeholder=""></textarea>
															</div>

														</div>
													</div>

													<svg height="20" width="20">
														<circle cx="10" cy="11" r="5" fill="#004165" />
													</svg>
													<div class="time">Stage 4</div>
												</div>

											</div>
											<svg height="5" width="50">
												<line x1="0" y1="0" x2="50" y2="0" style="stroke:#004165;stroke-width:5" />
											</svg>
											<svg height="20" width="42">
												<line x1="1" y1="0" x2="1" y2="20" style="stroke:#004165;stroke-width:2" />
												<circle cx="11" cy="10" r="3" fill="#004165" />
												<circle cx="21" cy="10" r="3" fill="#004165" />
												<circle cx="31" cy="10" r="3" fill="#004165" />
												<line x1="41" y1="0" x2="41" y2="20" style="stroke:#004165;stroke-width:2" />
											</svg>

										</div>
									</div>
<!--		---------------------------------计划时间表结束----------------------------------------->


										<div class="form-group">
											<label class="col-sm-2 control-label">项目头图</label>
											<div class="col-sm-10">
												<input type="file"  name="headerPicture" style="display: none;" />
												<button id="uploadHeadBtn" type="button" class="btn btn-primary btn-lg active">上传图片</button>
												<label class="control-label">图片上无文字,支持jpg、jpeg、png、gif格式，大小不超过2M，建议尺寸：740*457px</label>
												<br /><img style="display: none;" />
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">项目详情</label>
											<div class="col-sm-10">
												<input type="file" multiple="multiple" name="detailPictureList" style="display: none;" />
												<button id="uploadDetailBtn" type="button" class="btn btn-primary btn-lg active">上传图片</button>
												<label class="control-label">支持jpg、jpeg、png、gif格式，大小不超过2M，建议尺寸：宽740px</label>
												<div id="showDetailPicture"></div>
											</div>
										</div>
										<!-- </form> -->
									</div>
									<div class="col-md-12 column">
										<div th:text="${session.LaunchMessage}" class="page-header"></div>
										<div class="page-header" style="border-bottom-style: dashed;">
											<h3>发起人信息</h3>
										</div>
										<!-- <form class="form-horizontal"> -->
										<div class="form-group">
											<label class="col-sm-2 control-label">自我介绍</label>
											<div class="col-sm-10">
												<input type="text" id="mIntro" name="memberLauchInfoVO.descriptionSimple" value="i am mao" class="form-control"
													   placeholder="一句话自我介绍，不超过40字">
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">详细自我介绍</label>
											<div class="col-sm-10">
													<textarea  id="mIntroMore" name="memberLauchInfoVO.descriptionDetail" class="form-control" rows="5"
															  placeholder="向支持者详细介绍你自己或你的团队及项目背景，让支持者在最短时间内了解你，不超过160字">我是猫哥</textarea>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">联系电话</label>
											<div class="col-sm-10">
												<input id="mPhone" type="text" name="memberLauchInfoVO.phoneNum" value="123456" class="form-control"
													   placeholder="此信息不会显示在项目页面">
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">客服电话</label>
											<div class="col-sm-10">
												<input type="text" id="mService" name="memberLauchInfoVO.serviceNum" value="654321" class="form-control"
													   placeholder="此信息显示在项目页面">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="panel-footer" style="text-align: center;">
							<button id="submitBtn" type="button" class="btn  btn-warning btn-lg">下一步</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>


	<div class="container" style="margin-top: 20px;">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<div id="footer">
					<div class="footerNav">
						<a rel="nofollow" href="http://www.layoutit.cn">关于我们</a> | <a
							rel="nofollow" href="http://www.layoutit.cn">服务条款</a> | <a
							rel="nofollow" href="http://www.layoutit.cn">免责声明</a> | <a
							rel="nofollow" href="http://www.layoutit.cn">网站地图</a> | <a
							rel="nofollow" href="http://www.layoutit.cn">联系我们</a>
					</div>
					<div class="copyRight">Copyright ?2017-2017layoutit.cn 版权所有
					</div>
				</div>

			</div>
		</div>
	</div>

</div>
<!-- /container -->
<script type="text/javascript" th:src="@{/jquery/jquery-2.1.1.min.js}"
src="jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript"
		th:src="@{/bootstrap/js/bootstrap.min.js}"
		src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" th:src="@{/script/docs.min.js}"
		src="script/docs.min.js"></script>
<script type="text/javascript" th:src="@{/script/back-to-top.js}"
		src="script/back-to-top.js"></script>
<script type="text/javascript" th:inline="javascript">
	$('#myTab a').click(function(e) {
		e.preventDefault()
		$(this).tab('show')
	});

	// 声明全局变量用于存储选中的标签的id
	var tagIdList = new Array();
	//console.log("开始的tagIdList "+tagIdList);

	var sessionData = [[${session.tempProject}]];
	if(sessionData !=null){
		//回显过来的 把tagListId置为包含session的 以防止重复 传输过多
		tagIdList=sessionData.tagIdList;
		//console.log("回显的tagIdList "+tagIdList);
	}

	$(".tagLable").click(function() {


		// 标签文本显示框如果有selected就去掉，如果没有就加上
		$(this).toggleClass("selected");

		// 获取当前文本显示框的id（也就是标签的id）
		var tagId = this.id;

		// 判定tagId是否在数组中，如果在则删除，如果不在则添加
		//这里就没有考虑到 回显的情况
		checkExitsts(tagIdList, tagId);
		console.log(tagIdList);


	});

	function checkExitsts(arr, id) {


		for (var i = 0; i < arr.length; i++) {
			var value = arr[i];
			if (value == id) {

				// 从数组中删除元素，i是元素索引，1是删除数量
				arr.splice(i, 1);

				return;
			}
		}

		// 将当前标签的id加入数组
		arr.push(id);
	}

	$("#uploadHeadBtn").click(function() {

		// 调用click()函数，相当于被点击了一下
		$("[name=headerPicture]").click();
	});

	$("[name=headerPicture]").change(function(event) {

		var	files = event.target.files;
		// 使用下标0，选择唯一的一个文件
		var file = files[0];

		// 获取URL对象
		var url = window.url || window.webkitURL;

		// 调用url对象的createObjectURL()方法获取当前选中的文件在系统中的路径
		var path = url.createObjectURL(file);

		// 使用path修改img标签的src属性
		$(this).next().next().next().next().attr("src", path).show();



	});

	$("#uploadDetailBtn").click(function() {

		$("[name=detailPictureList]").click();

	});

	$("[name=detailPictureList]").change(function(event) {

		$("#showDetailPicture").empty();

		var files = event.target.files;

		var url = window.url || window.webkitURL;

		for (var i = 0; i < files.length; i++) {
			var file = files[i];

			var path = url.createObjectURL(file);

			var imgHtml = "<img src='"+path+"' /><br/>";

			$("#showDetailPicture").append(imgHtml);
		}


	});

	// 点击下一步按钮提交表单
	$("#submitBtn").click(function(){

		// 将表单中标签id的值组成的数组转换成表单内的隐藏域
		for(var i = 0; i < tagIdList.length; i++) {
			var tagId = tagIdList[i];

			var hiddenInputHTML = "<input type='hidden' name='tagIdList' value='"+tagId+"' />";

			$("#projectForm").append(hiddenInputHTML);
		}

		// 提交表单
		$("#projectForm").submit();
	});

</script>
</body>
</html>